<!DOCTYPE html>
<html>
<head>
	<title>PUR产线生产看板</title>
	<meta name="keywords" content="keyword1,keyword2,keyword3">
	<meta name="description" content="PUR产线生产看板">
	<meta name="content-type" content="text/html; charset=UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
	<meta name="apple-mobile-web-app-status-bar-style" content="black">
	<script src="../../script/mes-import.js"></script>
	<script type="text/javascript" src="../../script/js/echart/echarts.min.js"></script>
	<script type="text/javascript" src="../../script/js/My97DatePicker/WdatePicker.js"></script>
	<meta name="apple-mobile-web-app-capable" content="yes">
	<meta name="format-detection" content="telephone=no">
	<script src="js/productLine_Kanban.js"></script>
	<link rel="stylesheet" type="text/css" href="../css/productline.css">
</head>
<body id="mainPageReport">
	<div class="toptitle">
			<div class="left">
				<table style="width: 100%;height: 100%;" id="orderHistory">
					<tr id="addTr">
						<th class="addTr_title">作业工单</th>
						<th class="addTr_title">加工时间</th>
						<th class="addTr_title">完工时间</th>
						<th class="addTr_title">工单状态</th>
					</tr>
					<tr id="addTr1"></tr>
				</table>
			</div>
			<div class="left1">
				<div class="layui-col-xs6 layui-col-md12">
					<div class="grid-demo grid-demo-bg2" style="text-align: center;color:#ffb73e">七日产能情况</div>
				</div>
					<table style="width: 100%;height: 80%;" id="sevenDate">
						<tr id="addTrSd">
							<th class="addTr_title">日期</th>
							<th class="addTr_title">产量</th>
							<th class="addTr_title">合格数</th>
							<th class="addTr_title">不合格数</th>
							<th class="addTr_title">不合格占比</th>
						</tr>
						<tr id="addTrSd1"></tr>
					</table>

			</div>
	</div>
	<div class="topbody">
		<div class="top">
			<table class="layui-hide"  lay-filter="sdblTable"></table>
		</div>
		<div class="top1">
				<div class="layui-col-xs6 layui-col-md12">
					<div class="grid-demo grid-demo-bg2" style="text-align: center;color:#ffb73e">异常情况汇报</div>
				</div>
				<table style="width: 100%;height: 80%;" id="ycqkDate" >
					<tr id="addTrYc">
						<th class="addTr_title">机台</th>
						<th class="addTr_title">异常原因</th>
						<th class="addTr_title">上报时间</th>
						<th class="addTr_title">状态</th>
					</tr>
					<tr id="addTrYc1"></tr>
				</table>
		</div>
		<div class="foot">
			<table class="left-foot" style="width: 100%">
				<tr style="width: 100%;border:1px solid #453dff">
					<td style="width: 10%;border:1px solid #453dff;text-align: center">机台</td>
					<td style="width: 80%">
						<div>
							<div class = "tr-td">喷胶机</div>
							<div class = "tr-td">清胶机</div>
							<div class = "tr-td">烤箱</div>
							<div class = "tr-td">12站圆盘机</div>
							<div class = "tr-td">冷冻机</div>
						</div>
					</td>
					<td style="width: 10%;border:1px solid #453dff;" rowspan="2" >
						<div style="height: 25%;width: 100%">
							<div class = "bubbleOne" style="float:left;margin-left: 10px;top: 5%;background-color:green "></div>
							<div style="float: right;margin-right: 10px;text-align:center">正常</div>
						</div>
						<div style="height: 25%;width: 100%">
							<div class = "bubbleOne" style="float:left;margin-left: 10px;top: 28%;background-color:blue "></div>
							<div style="float: right;margin-right: 10px;top: 28%">待机</div>
						</div>
						<div style="height: 25%;width: 100%">
							<div class = "bubbleOne" style="float:left;margin-left: 10px;top: 50%;background-color:red "></div>
							<div style="float: right;margin-right: 10px;top: 50%">报警</div>
						</div>
						<div style="height: 25%;width: 100%">
							<div class = "bubbleOne" style="float:left;margin-left: 10px;top: 74%;background-color:orangered "></div>
							<div style="float: right;margin-right: 10px;top: 74%">停机</div>
						</div>
					</td>
				</tr>
				<tr style="width: 100%;border:1px solid #453dff">
					<td style="width: 10%;border:1px solid #453dff;text-align: center">状态</td>
					<td  style="width: 80%;align-content: center">
						<div class = "tr-td"><div class = "bubble" style="top: 55%;left: 13%;background-color: red"></div></div>
						<div class = "tr-td"><div class = "bubble" style="top: 55%;left: 25%;background-color: green"></div></div>
						<div class = "tr-td"><div class = "bubble" style="top: 55%;left: 37%;background-color: green"></div></div>
						<div class = "tr-td"><div class = "bubble" style="top: 55%;left: 49%;background-color: orangered"></div></div>
						<div class = "tr-td"><div class = "bubble" style="top: 55%;left: 61%;background-color: green"></div></div>
					</td>

				</tr>
			</table>
		</div>
		<div class="foot1">
			<div class="layui-col-xs6 layui-col-md12">
				<div class="grid-demo grid-demo-bg2" style="text-align: center;color:#ffb73e">七日不合格率趋势</div>
				<div id="sevenBroken"style="width: 100%;height: 100%"></div>
			</div>

		</div>
	</div>
</body>
</html>